<!-- 模板使用 -->

<!-- 引入vue框架 -->
<script src="./vue.js"></script>

<!-- 界面显示 -->
<div id="app">
    <p>{{title}}</p>
    <mcomponent></mcomponent>
</div>

<!-- 模板定义 -->
<template id="temp1">
    <p>{{title}}</p>
</template>

<!-- 脚本声明 -->
<script>
    //模板绑定，模板标签名称
    Vue.component('mcomponent', {
        //组件当中的数据声明
        data() {
            return {
                title: "组件标题名称"
            }
        },
        //绑定模板
        template: "#temp1"
    });

    //vue对象创建
    var vue = new Vue({
        el: '#app',
        data: {
            title: "我是主页标题"
        }
    })
</script>